@charset "utf-8";
/****************************************************************************
*   style_5020.css		// 파일명 규칙 style_(page_code.substr(0,4)).css)
*
*	홈 > 마이프리머스 > 마이포인트
****************************************************************************/
.mainTab ul.main-tab{margin-left:20px;}
.mainTab ul.main-tab > li{width:948px; /*padding:0 20px; */}
h4{clear:both;display: inline-block; *display: inline; zoom:1;margin-right: 24px; font-size: 17px; font-weight: 900; color:#333333; letter-spacing: -1px; padding-top:4px;}
.c5020 ul.main-tab.tab-content > li > h4{display: block;}
/*.MyPrimus_Point2{width:948px;padding:0 20px;}
.ie7 .MyPrimus_Point2{padding:0;}*/
li.MyPrimus_Point2 > h4{margin-bottom:17px;}
div.detail-list{padding:10px 0 38px;}
.c5020 ul.main-tab.tab-content > li > div.family-point{margin-bottom:38px;height:186px;/* *height:227px; */}
.c5020 ul.main-tab.tab-content > li > div:after{ clear: both; display: block; visibility: hidden; content:""; }
/*.c5020 ul.main-tab.tab-content > li.MyPrimus_Point1*/
.c5020 ul.main-tab.tab-content > li > div.family-point > div.title{display:inline-block;*display: inline;zoom:1; float: left; padding: 48px 35px 87px 35px; width:172px; height: 247px; margin-top:7px;background-color:#e5e5e5; text-align: center; }
.ie7 .c5020 ul.main-tab.tab-content > li > div.family-point > div.title{padding-bottom:66px;}
.c5020 ul.main-tab.tab-content > li > div.family-point > div.title > h5{font-family:'NanumGothicBold';font-size: 30px; color:#d75914; padding-bottom:18px; }
.c5020 ul.main-tab.tab-content > li > div.family-point > div.title > h5 > p{/*font-family:'NanumGothicWeb';*/font-size: 16px; color:#666666; font-weight: normal;}
.c5020 ul.main-tab.tab-content > li > div.family-point > div.title > p.line-ccc{margin: 22px 0;}
.c5020 ul.main-tab.tab-content > li > div.family-point > div.title > h6{font-family:'NanumGothicExtraBold';color:#000000; font-size: 22px;}
.c5020 ul.main-tab.tab-content > li > div.family-point > div.title > h6 > p{font-family:'NanumGothicWeb'; font-weight: 600; font-size: 14px; color:#666666; }
.c5020 ul.main-tab.tab-content > li > div.family-point > div.title a.pointBtn{background: url(/Content/images/MyPrimus/point_btn.png); padding-left: 20px; padding-right:30px; width:72px;}
.c5020 ul.main-tab.tab-content > li > div.family-point > div.point{display:inline-block; *display:inline; zoom:1; float:right;margin-top:7px;width:696px; }
.c5020 ul.main-tab.tab-content > li > div.family-point > div.point > div{display:inline-block;*display:inline; zoom:1; width:100%;}
.c5020 ul.main-tab.tab-content > li > div.family-point > div.point > div.name{background-color:#f1eee6;text-align: center; padding: 21px 0; font-size: 15px;color:#000000; /*font-family:'돋움',Dotum;*/ font-weight: 600; }
.c5020 ul.main-tab.tab-content > li > div.family-point > div.point > div.name > span{color:#d75914;}
.c5020 ul.main-tab.tab-content > li > div.family-point > div.point > div.box{background-color:#efefef;color:#666666; margin-top: 10px; padding: 16px 147px 12px; width:402px;font-weight: 600; }
.c5020 ul.main-tab.tab-content > li > div.family-point > div.point > div.box:after{ clear: both; display: block; visibility: hidden; content:""; }
.c5020 ul.main-tab.tab-content > li > div.family-point > div.point > div.box > p.line-ccc{margin:10px 0 14px;}
.c5020 ul.main-tab.tab-content > li > div.family-point > div.point > div.box > span{display: inline-block; *display: inline; zoom:1; float: left; font-size: 18px; line-height: 32px;margin-top:7px; }
.c5020 ul.main-tab.tab-content > li > div.family-point > div.point > div.box > div{display: inline-block; *display: inline; zoom:1; width:312px;margin-left:40px; /*float: right;*/ }
.c5020 ul.main-tab.tab-content > li > div.family-point > div.point > div.box > div:after{ clear: both; display: block; visibility: hidden; content:""; }
.c5020 ul.main-tab.tab-content > li > div.family-point > div.point > div.box > div > dl{line-height: 22px;}
.ie7 .c5020 ul.main-tab.tab-content > li > div.family-point > div.point > div.box > div > dl{display:inline-block; width:100%;}
.c5020 ul.main-tab.tab-content > li > div.family-point > div.point > div.box > div > dl:after{ clear: both; display: block; visibility: hidden; content:""; }
.c5020 ul.main-tab.tab-content > li > div.family-point > div.point > div.box > div > dl > dt{display: inline-block; *display: inline; zoom:1;float: left;font-size:13px; text-align: right; width:118px;}
.c5020 ul.main-tab.tab-content > li > div.family-point > div.point > div.box > div > dl > dd{/*display: inline-block; *display: inline; zoom:1;*/float:right;font-size:12px;}
.c5020 ul.main-tab.tab-content > li > div.family-point > div.point > div.box > div > dl > dd > span{font-size: 14px;}
.c5020 ul.main-tab.tab-content > li > div.family-point > div.point > div.box > div.total{color: #000000;margin-left: 84px;}
.c5020 ul.main-tab.tab-content > li > div.family-point > div.point > div.box > div.remain{margin-left: 84px;}
.c5020 ul.main-tab.tab-content > li > div.family-point > div.point > div.box > div.remain > dl{color:#d75914;}
.c5020 ul.main-tab.tab-content > li > div.family-point > div.point > div.box > div.remain > dl > dt{font-size:14px;}
.c5020 ul.main-tab.tab-content > li > div.family-point > div.point > div.box > div.remain > dl > dd >span{font-size:20px; color:#d75914;}
.c5020 ul.main-tab.tab-content > li > div.family-point > div.point > div.box > div.remain > dl > dd{font-size: 12px;color:#666666;text-align: right;}
.c5020 ul.main-tab.tab-content > li > div.family-point > div.point > div.box > div.remain > dl.end > dt{font-size: 12px; color:#666666; font-weight: normal; margin-left: -90px; width:210px; }
.c5020 ul.main-tab.tab-content > li > div.family-point > div.point > div.box > div.remain > dl.end > dd >span{font-size: 14px;color:#666666;}

.ie7 .benefit{display:inline-block;width:100%; padding-top:38px;}
.c5020 ul.main-tab.tab-content > li > div.benefit > h6{color:#d96017;font-size:14px;font-weight:700;margin-bottom:8px;}
.c5020 ul.main-tab.tab-content > li > div.benefit > div.box{background:#efefef;width:100%;height:233px;}

/* 이용가능 혜택, 포인트 그래프 */
.c5020 ul.main-tab.tab-content > li > div.benefit > div.box > div.point-box {margin:0 auto;text-align:center;padding:30px 0;*padding-right:17px;}
.c5020 ul.main-tab.tab-content > li > div.benefit > div.box > div.point-box > ul{display:inline-block;*display:inline;*zoom:1;font-size:12px;color:#666;font-weight:600;width:89px;*width:93px;}
.ie7 .c5020 ul.main-tab.tab-content > li > div.benefit > div.box > div.point-box > ul{width:100px; margin-left:-9px;}
.c5020 ul.main-tab.tab-content > li > div.benefit > div.box > div.point-box > ul > li+li {font-size:11px;line-height:1.5em;}
.c5020 ul.main-tab.tab-content > li > div.benefit > div.box > div.point-box > ul > li.point {font-size:12px;margin-top:40px;} 
.c5020 ul.main-tab.tab-content > li > div.benefit > div.box > div.point-box2 > p {font-size:12px;color:#666;font-weight:600;line-height:18px;padding-left:35px;}

.c5020 ul.main-tab.tab-content > li > div.benefit > div.box {position:relative;}
.c5020 .point-gauge {position:absolute;top:52px;left:27px;*top:48px;}
.c5020 .point-gauge .point-scale {width:895px;height:36px;background:url(/Content/images/MyPrimus/point_gauge.png) no-repeat;}
.c5020 .point-gauge .point-scale-back-bar {width:895px;height:16px;content:'';background:#ccc;position:relative;top:40px;}
.c5020 .point-gauge .point-cur-bar {width:0;height:16px;content:'';background:#d44d24;position:relative;top:24px;} 


.c5020 ul.main-tab.tab-content > li > div.benefit > div.point-info{margin:27px 12px 90px;}
.c5020 ul.main-tab.tab-content > li > div.benefit > div.point-info > div.point-info-con{font-size:14px;padding-left:23px;background:url('/Content/images/MyPrimus/note_icon.png') no-repeat left top;}
.c5020 ul.main-tab.tab-content > li > div.benefit > div.point-info > div.point-info-con1 > p{margin-bottom:14px;}
.c5020 ul.main-tab.tab-content > li > div.benefit > div.point-info > div.point-info-con > p >strong{color:#d96017;}
.c5020 ul.main-tab.tab-content > li > div.benefit > div.point-info > div.point-info-con1 > div > ul{margin-bottom:12px;line-height:1.6em;}
.c5020 ul.main-tab.tab-content > li > div.benefit > div.point-info > div.point-info-con1 > div > ul b {color:#333;}
b.font-style2{color:#000;display:block;display:*inline-block;padding-bottom:3px;font-weight:700;}
.c5020 ul.main-tab.tab-content > li > div.benefit > div.point-info > div.point-info-con1 > div > ul > li{line-height:21px;}
.c5020 ul.main-tab.tab-content > li > div.benefit > div.point-info > div.point-info-con2 > p.point-style{padding-top:7px;letter-spacing:-0.5px;}
.c5020 ul.main-tab.tab-content > li > div.benefit > div.point-info > div.point-info-con2 > p.point-style span {color:#333;text-decoration:underline;font-weight:600;}
.c5020 ul.main-tab.tab-content > li > div.detail-list{margin:26px 0 30px;} 
.c5020 ul.main-tab.tab-content > li > div.detail-list > p{color:#666;font-size:14px;font-weight:700;}
.c5020 ul.main-tab.tab-content > li > div.detail-list > table{margin-top:8px;}
.c5020 ul.main-tab.tab-content table > thead > tr > th{color:#333;font-weight:700;text-align:center;height:29px;line-height:29px;border-top:1px solid #999;border-bottom:1px solid #c9c9c9;background:#efefef url('/Content/images/MyPrimus/MyPrimus_Point/table-th.png') no-repeat right 50%;}
.c5020 ul.main-tab.tab-content table > thead > tr > th.table-end{background:#efefef;}
.c5020 ul.main-tab.tab-content table > tbody > tr > td{color:#666;text-align:center;height:49px;line-height:49px;border-bottom:1px solid #c9c9c9;}
.c5020 ul.main-tab.tab-content table > tbody > tr.tr-end >td{border-bottom:1px solid #999;}
.c5020 ul.main-tab.tab-content table > tbody > tr > td.font-style{font-weight:700;}
.c5020 ul.main-tab.tab-content > li > div.save-point{width:948px;margin-top:20px;}
.ie ul.main-tab.tab-content > li > div.save-point{margin-left:0;}
.c5020 .newest{width:948px; overflow:hidden;clear:both;}
.c5020 .newest > p{float:left;color:#666;font-size:14px;font-weight:700;padding-right:12px;}
.newest > p.save-font{font-weight:600;color:#666;padding-left:12px;background:url('/Content/images/MyPrimus/MyPrimus_Point/table-th.png') no-repeat left 50%;}
.newest > p.save-font > b{color:#d96017;}
.main-tab.tab-content > li > div.save-point > table{width:948px;clear:both;margin:8px 0 0;}
.main-tab.tab-content table > tbody > tr.tr-end >td{border-bottom:1px solid #999;line-height:16px;}
.main-tab.tab-content > li > div.use-point{height:100%;width:948px;padding:60px 0 0;}
.main-tab.tab-content > li > div.use-point > table{clear:both;margin:8px 0 0;}
h4.h-list{margin-bottom:17px;}
th.th1{width:21%;}
th.th2{width:10%;}
th.th3{width:*;}
th.th4{width:15%;}
th.th5{width:18%;}

#divFrameHolder2{margin-bottom:-20px;}

/* loading */
/*.loading {height:386px; margin-top:0px;}*/
.loading-height {height:386px;}
/*.loading1 {height:225px; margin-top:0;}
body.loading{height:auto; margin;0;}*/



.divFrameHolder{background:#eee;}
